<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<link rel="stylesheet" type="text/css" href="/css/default.css" />

<style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0px; padding: 0px }
    #map_canvas { height: 100% }
</style>

<script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>

<script src="/js/jquery-1.6.2.min.js" type="text/javascript"></script>

<script type="text/javascript">
    function initialize() {
        var latlng = new google.maps.LatLng(40.415, -3.693);
        var myOptions = {
            zoom: 12,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        var contentString = '<div id="content">'+
            '<div id="siteNotice"></div>'+
            '<h2 id="firstHeading" class="firstHeading" style="margin:5px 0">Nothing here</h2>'+
            '<div id="bodyContent">Un lugar sin bicicleterias. Ya iremos poniendo mas.</div>'+
            '</div>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            draggable:true,
            animation: google.maps.Animation.DROP,
            title:"Aca no hay ninguna bicicleteria. No venga para aca."
        });

        // To add the marker to the map, call setMap();
        marker.setMap(map);

        google.maps.event.addListener(marker, 'click', function() {
          infowindow.open(map,marker);
        });
    }
</script>

<script>
    $().ready(function() {
        initialize();

        $('#bsg-logo').hover(
            function(){
                $(this).css('opacity', 1);
            },
            function(){
                $(this).css('opacity', 0.5);
            }
        );
    });
</script>

</head>

<body>
    <div id="map_canvas" style="width:100%; height:100%"></div>
    <div id="bsg-logo">
        <h1>Bike Shop Gallore</h1>
    </div>
</body>

</html>
